div.container {
    background: none;
}
div.main-container{
	height: 819px;
	border-top: 6px solid #00a4e8;
	background: url(image/login-bg.png) no-repeat;
	background-position: 50% 100%;
}
div.main-container div.wrapper:after {display:block;clear:both;content:"";visibility:hidden;height:0}
div.main-container div.wrapper{zoom:1}
div.main-container div.wrapper{
	width: 1280px;
	margin: 0 auto;
	
}
div.wrapper h2,div.wrapper h3,div.wrapper h4{padding: 0;}
footer{
	padding: 24px 0;
}
footer p{
	color: #333333;
	font-size: 12px;
	height: 21px;
	line-height: 21px;
}

/*header*/
header{
	height: 62px;
	background:url(image/login-top-bg.png) no-repeat;
	background-position: 50% 0;
}
div.banner{
    position: relative;
    height: 62px;
    background: none;
}
div.banner img.logo{
    position: absolute;
    top:10px;
    left: 24px;
}
div.banner div.log-key{
	margin: 12px;
}


/*main-container*/
/*introduction*/
div.introduction,div.login-box{
	float: left;
}
div.introduction{
	position: relative;
	width: 760px;
	height: 819px;
	background:url(image/intro-bg.png) no-repeat; 
	background-position: 47% 41%;
}
div.introduction h2,div.introduction h3,div.introduction h4{position: absolute;}
div.introduction h2{font-size: 24px;}
div.introduction h3{font-size: 20px;}
div.introduction h4{font-size: 14px;}
div.introduction h2.orange,h3.orange,h4.orange{color: #ea7611;}
div.introduction h3.blue{color: #3dbdbe;}
div.introduction h2.cyan,h4.cyan{color: #008f93;}
div.introduction h2.yellow,h4.yellow{color: #e6a700;}
div.introduction h3.num1{
	top:339px;
	left:102px;
}
div.introduction h3.num2{
	top:385px;
	left:131px;
}
div.introduction h3.num3{
	top:430px;
	left:304px;
}
div.introduction h4.num4{
	top:462px;
	left:351px;
}
div.introduction h2.num5{
	top:483px;
	left:304px;
}
div.introduction h2.num6{
	top:316px;
	left:440px;
}
div.introduction h4.num7{
	top:357px;
	left:460px;
}
div.introduction h2.num8{
	top:385px;
	left:585px;
}
div.introduction h4.num9{
	top:420px;
	left:607px;
}
/*login-box register*/
div.login-box{
	display: none;
	padding-left:100px;
	padding-right: 91px;
	padding-top: 47px;
	width: 322px;
}
div.login-box div.title-img,div.login-box h2,div.login-box h3{text-align: center;}
div.login-box div.title-img{margin-top: 10px;}
div.login-box h2,div.login-box h3{
	color: #fff;
	text-shadow:2px 2px 2px #a1a1a4;
}
div.login-box h2{
	margin-top: 10px;
	height: 34px;
	line-height: 34px;
	font-size: 26px;
}
div.login-box h3{
	height: 26px;
	line-height: 26px;
	font-size: 16px;
}
input.username ,input.password,input.reset,
input.truename,input.email,input.phone,input.company,input.school,input.graduation{
	margin-top:30px;
	padding: 10px;
	padding-left: 32px;
	width:280px;
	height: 18px;
	line-height: 18px;
	border: none;
	border-bottom: 1px solid #fff;
	background-color: transparent;
	background: none;

}
input:-webkit-autofill {
	
}
input.username::-webkit-input-placeholder,input.password::-webkit-input-placeholder,input.reset::-webkit-input-placeholder,
input.truename::-webkit-input-placeholder,input.email::-webkit-input-placeholder,input.phone::-webkit-input-placeholder,
input.company::-webkit-input-placeholder,input.school::-webkit-input-placeholder,input.graduation::-webkit-input-placeholder { 
	color:#fff;
	text-shadow:1px 1px 2px #ccc;
 } 
input.username:-moz-placeholder ,input.password:-moz-placeholder,input.reset:-moz-placeholder,
input.truename:-moz-placeholder,input.email:-moz-placeholder,input.phone:-moz-placeholder,
input.company:-moz-placeholder,input.school:-moz-placeholder,input.graduation:-moz-placeholder { color:#fff; } 
input.username {background:url(image/login-icon.png) no-repeat;background-position: 2.5% -20%; } 
input.password {background:url(image/login-icon.png) no-repeat;background-position: 2.5% 125%; } 
input.reset {background:url(image/login-icon.png) no-repeat;background-position: 2.5% 125%;}
input.truename,input.email,input.phone,input.company,input.school,input.graduation{padding-left:10px;width: 302px;}
div.login-box a.back-button{
	display: block;
	margin-top: 25px;
	font-size: 14px;
	color: #fff;
}
div.login-box a.back-button i{font-size: 20px;margin-right: 5px;}
div.login-box a.back-button:hover{color:#cddee9 ;}
div.login-box input.login-button,
div.login-box input.register-button,
div.login-box a.next-button{
	display: block;
	margin: 38px 0;
	width: 100%;
	height: 42px;
	line-height: 42px;
	color: #fff;
	border: none;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #a1a1a4;
	text-align: center;
	background-color: #00a4e8;
	cursor: pointer;
}
div.login-box input.register-button{margin-bottom: 0;margin-top: 23px;}
div.login-box p{
	margin-top: 22px;
	color: #fff;
}
div.login-box p span{
	height: 38px;
	line-height: 38px;
	font-size: 14px;
}
div.login-box p a{
	display: inline-block;
	margin-left: 21px;
	padding: 10px 43px;
	color: #fff;
	font-size: 17px;
	border:1px solid #fff;
	border-radius: 10px;
}
div.login-box p a.login-button{margin-left: 50px;}
